import { StyleSheet,Dimensions} from 'react-native';

export const colors = {
    black: '#1a1917',
    gray: '#888888',
    background1: 'hsl(15, 55%, 50%)',
    background2: 'hsl(230, 30%, 45%)',
    basecolor:"#6c1ddc"
};

export default StyleSheet.create({
    container: {
       	flex: 1,
	    alignItems: 'center',
	    backgroundColor: '#FAF4FF',
    }, 
    colorsContainer: {
        ...StyleSheet.absoluteFillObject,
        flexDirection: 'row'
    },
    color1: {
        flex: 1,
        backgroundColor: colors.background1
    },
    color2: {
        flex: 1,
        backgroundColor: colors.background2
    },
    scrollview: {
        flex: 1,
        paddingTop: 20,
    },
    title: {
        marginVertical: 15,
        backgroundColor: 'transparent',
        color: 'rgba(255, 255, 255, 0.85)',
        fontSize: 24,
        textAlign: 'center'
    },
    line:{
    	borderBottomWidth:1,
    	marginBottom:10,
    	borderColor:"#6c1ddc"
    },
    button:{
    	borderWidth:1,
    	height:40,
    	margin:10,
    	alignItems: 'center',
    	justifyContent: 'center',
    	borderRadius:5,
    	borderColor:"#6c1ddc"
    },
    pager:{
    	width:Dimensions.get('window').width -20,
    	marginLeft:10
    },
    findText:{
    	fontSize:15,
    	color:"#6c1ddc"
    }
});
